<template>
	<view class="st-tabbar">
		<!-- <u-tabbar :value.sync="value" @change="tabChange" :fixed="true" :placeholder="false" :border="false"
			activeColor="#faad2a" :zIndex="10076">
			<u-tabbar-item :text="item.text" :icon="item.icon" @click="tabClick(item)" v-for="(item) in tabbarList"
				:type="item.type" :key="item.name"></u-tabbar-item>
		</u-tabbar> -->
		<u-tabbar v-model="value" :list="tabbarList" active-color="#faad2a" inactive-color="#787878" :mid-button="false" @change="tabClick"></u-tabbar>
	</view>
</template>

<script>
	import routerConfig from "@/common/routerConfig.js"

	export default {
		data() {
			return {
				tabbarList: routerConfig.tabbarList,
				showQuestionPop: false,
				modeStyle: {
					left: 0,
					right: 0,
					bottom: '100rpx'
				},
				btnStyle: {
					fontSize: '33rpx'
				},
				current: 0
			}
		},
		mounted() {

		},
		computed: {},
		props: {
			value: {
				type: [String, Number],
				default: 0
			}
		},
		methods: {
			tabClick(index) {
				const tabItem = this.tabbarList[index]
				this.$u.route({
					url: tabItem.pagePath,
					type: 'tab'
				})
			},
			tabChange(item) {
				console.log(item)
			},
		}
	}
</script>

<style lang="scss" scoped>
</style>